<template>
  <div class="outerSphere">
    <nav-header></nav-header>
    <!-- index product detail都是嵌套在router-view中的 他们都是公用头部nav-header和底部nav-footer-->
    <router-view></router-view>
    <nav-footer></nav-footer>
  </div>
</template>

<script>
import NavHeader from '..//layout/NavHeader'
import NavFooter from '../layout/NavFooter'
export default {
  name: 'home',
  props: {

  },
  data () {
    return {

    };
  },
  components: {
    NavHeader,
    NavFooter
  },
  computed: {

  },
  created () {

  },
  mounted () {

  },
  methods: {

  },
  watch: {

  },
};
</script>

<style scoped lang="scss">
</style>
